﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <style>
        .save_message
        {
        	background-color:#F8E6CA; 
        	font-family:Arial; 
        	font-size:12px;
        	padding:5px 5px; 
        	margin-top:2px;
        	border-radius:5px;
        	display:none;
        }
    </style>
    <script src="resources/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script src="resources/jquery.lang.js" type="text/javascript"></script>
    <script src="resources/jquery.class.js" type="text/javascript"></script>
    <script src="models/settings.js" type="text/javascript"></script>
<script>
    $(document).ready(function () {
        $('.languages').val(Settings.get_language());
        $('.languages').change(function () {
            var language = $('.languages option:selected').val();
            Settings.set_language(language);
            $('.save_message').show(0, function () { window.setTimeout("$('.save_message').hide()", 5000); });
        });
    });
</script>
</head>
<body style="width: 250px; height:130px; font-family:Arial, Sans-Serif;">
    <div style="float:left;">
        <div>Select Translation Language:</div>
        <select class="select languages" style="margin-top:5px;">
            <option value="af">Afrikaans</option>
            <option value="sq">Albanian</option>
            <option value="ar">Arabic</option>
            <!--<option value="hy">Armenian</option>-->
            <!-- <option value="az">Azerbaijani</option>-->
            <!--<option value="eu">Basque</option>-->
            <option value="be">Belarussian</option>
            <!--<option value="bn">Bengali</option>-->
            <option value="bg">Bulgarian</option>
            <option value="ca">Catalan</option>
            <option value="zh-CN">Chinese (Simplified)</option>
            <option value="zh-TW">Chinese (Traditional)</option>
            <option value="hr">Croatian</option>
            <option value="cs">Czech</option>
            <option value="da">Danish</option>
            <option value="nl">Dutch</option>
            <option value="en">English</option>
            <option value="et">Estonian</option>
            <option value="tl">Filipino</option>
            <option value="fi">Finnish</option>
            <option value="fr">French</option>
            <option value="gl">Galician</option>
            <!--<option value="ka">Georgian</option>-->
            <option value="de">German</option>
            <option value="el">Greek</option>
            <!--<option value="gu">Gujarati</option>-->
            <option value="ht">Haitian Creole</option>
            <option value="iw">Hebrew</option>
            <option value="hi">Hindi</option>
            <option value="hu">Hungarian</option>
            <option value="is">Icelandic</option>
            <option value="id">Indonesian</option>
            <option value="ga">Irish</option>
            <option value="it">Italian</option>
            <option value="ja">Japanese</option>
            <!--<option value="kn">Kannada</option>-->
            <option value="ko">Korean</option>
            <!--<option value="la">Latin</option>-->
            <option value="lv">Latvian</option>
            <option value="lt">Lithuanian</option>
            <option value="mk">Macedonian</option>
            <option value="ms">Malay</option>
            <option value="mt">Maltese</option>
            <option value="no">Norwegian</option>
            <option value="fa">Persian</option>
            <option value="pl">Polish</option>
            <option value="pt">Portuguese</option>
            <option value="ro">Romanian</option>
            <option value="ru">Russian</option>
            <option value="sr">Serbian</option>
            <option value="sk">Slovak</option>
            <option value="sl">Slovenian</option>
            <option value="es">Spanish</option>
            <option value="sw">Swahili</option>
            <option value="sv">Swedish</option>
            <!--<option value="ta">Tamil</option>-->
            <!--<option value="te">Telugu</option>-->
            <option value="th">Thai</option>
            <option value="tr">Turkish</option>
            <option value="uk">Ukrainian</option>
            <!-- <option value="ur">Urdu</option>-->
            <option value="vi">Vietnamese</option>
            <option value="cy">Welsh</option>
            <option value="ji">Yiddish</option>
        </select>
        <div class="save_message">
            Preferences Saved Successfully.
        </div>
    </div>
    <img class="preferences" style="float:right; width:20px; height:20px; cursor:pointer;" src="images/preferences.jpg" onclick="chrome.tabs.create({url:'preferences.html'});"></img>
    <div style="overflow: hidden; position: absolute; bottom: 5px; right: 0px;">
        <div style="float: left">
            <!-- Google +1 -->
            <!-- Place this tag where you want the +1 button to render -->
            <g:plusone count="false" href="https://chrome.google.com/webstore/detail/bnhifanepajfngkbgiekldogdnhnpcod?hl=he"></g:plusone>
            <!-- Place this tag after the last plusone tag -->
            <script type="text/javascript">
                (function () {
                    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                    po.src = 'https://apis.google.com/js/plusone.js';
                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                })();
            </script>
        </div>
        <!-- Twitter -->
        <div style="float: left; margin-left: 5px;">
            <a href="http://twitter.com/share" class="twitter-share-button" data-url="https://chrome.google.com/webstore/detail/bnhifanepajfngkbgiekldogdnhnpcod?hl=he"
                data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </div>
        <!-- Facebook -->
        <div style="float: left; margin-left: 5px;">
            <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FVocabbi%2F191239077594860&amp;send=false&amp;layout=button_count&amp;width=50&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21"
                scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 50px;
                height: 21px;" allowtransparency="true"></iframe>
        </div>
    </div>
</body>
</html>
